```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>任务卡详情</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            color: #333;
            background-color: #f5f5f5;
        }
        .container {
            max-width: 1920px;
            margin: 0 auto;
            padding: 20px;
        }
        .header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }
        .header h1 {
            margin: 0;
        }
        .tabs {
            display: flex;
            gap: 10px;
        }
        .tab {
            padding: 5px 10px;
            cursor: pointer;
        }
        .tab.active {
            background-color: #007bff;
            color: white;
        }
        .content {
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            gap: 20px;
        }
        .left-pane {
            grid-column: 1 / 7;
        }
        .right-pane {
            grid-column: 7 / 13;
        }
        .form-group {
            margin-bottom: 15px;
        }
        .form-group label {
            display: block;
            margin-bottom: 5px;
        }
        .form-group input,
        .form-group select,
        .form-group textarea {
            width: 100%;
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        .button-group {
            text-align: right;
        }
        .button-group button {
            padding: 10px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        .button-group button.cancel {
            background-color: #fff;
            color: #333;
            border: 1px solid #ccc;
        }
        .button-group button.submit {
            background-color: #007bff;
            color: white;
        }
    </style>
</head>
<body class="theme-light" data-layout="fluid" data-grid-columns="12">
    <div class="container" data-antd-component="Layout">
        <div class="header">
            <h1 data-antd-component="Typography.Title">任务卡详情 Z991749-7089 复制</h1>
            <div class="tabs" data-antd-component="Tabs" data-antd-props='{"defaultActiveKey":"1"}'>
                <div class="tab active" data-antd-component="Tabs.TabPane" data-antd-props='{"key":"1","tab":"报工记录 (0h)"}'>报工记录 (0h)</div>
                <div class="tab" data-antd-component="Tabs.TabPane" data-antd-props='{"key":"2","tab":"操作记录"}'>操作记录</div>
                <div class="tab" data-antd-component="Tabs.TabPane" data-antd-props='{"key":"3","tab":"代码提交"}'>代码提交</div>
                <div class="tab" data-antd-component="Tabs.TabPane" data-antd-props='{"key":"4","tab":"关联任务卡 (0)"}'>关联任务卡 (0)</div>
            </div>
        </div>
        <div class="content" data-antd-component="Row">
            <div class="left-pane" data-antd-component="Col" data-antd-props='{"span":12}'>
                <div class="form-group">
                    <label data-antd-component="Typography.Text">特性功能</label>
                    <input type="text" value="创建于 2025-04-03 17:43 更新于 2025-04-27 11:09" data-antd-component="Input">
                </div>
                <div class="form-group">
                    <label data-antd-component="Typography.Text">访问“自动化规则”页面</label>
                    <textarea rows="4" data-antd-component="Input.TextArea"></textarea>
                </div>
                <div class="form-group">
                    <label data-antd-component="Typography.Text">关联特性卡</label>
                    <input type="text" value="#7084 支持自动化规则配置能力" data-antd-component="Input">
                </div>
                <div class="form-group">
                    <label data-antd-component="Typography.Text">任务卡标签</label>
                    <input type="text" placeholder="点击添加标签" data-antd-component="Input">
                </div>
                <div class="form-group">
                    <label data-antd-component="Typography.Text">功能详情</label>
                    <textarea rows="4" data-antd-component="Input.TextArea"></textarea>
                </div>
                <div class="form-group">
                    <label data-antd-component="Typography.Text">任务卡描述 ①</label>
                    <textarea rows="6" data-antd-component="Input.TextArea"></textarea>
                </div>
            </div>
            <div class="right-pane" data-antd-component="Col" data-antd-props='{"span":12}'>
                <div class="form-group">
                    <label data-antd-component="Typography.Text">*所在列</label>
                    <select data-antd-component="Select">
                        <option>待测试</option>
                    </select>
                </div>
                <div class="form-group">
                    <label data-antd-component="Typography.Text">经办人</label>
                    <input type="text" value="杨东卫/IT01..." data-antd-component="Input">
                </div>
                <div class="form-group">
                    <label data-antd-component="Typography.Text">参与人</label>
                    <input type="text" placeholder="请输入关键字" data-antd-component="Input">
                </div>
                <div class="form-group">
                    <label data-antd-component="Typography.Text">所属项目/泳道</label>
                    <select data-antd-component="Select">
                        <option>[T25GU761]自动化规则建设一期</option>
                    </select>
                </div>
                <div class="form-group">
                    <label data-antd-component="Typography.Text">所属批次</label>
                    <input type="text" value="批次1 (04.08~...)" data-antd-component="Input">
                </div>
                <div class="form-group">
                    <label data-antd-component="Typography.Text">进度</label>
                    <input type="number" value="100" data-antd-component="InputNumber">
                </div>
                <div class="form-group">
                    <label data-antd-component="Typography.Text">人天</label>
                    <input type="text" value="子卡人天求和" data-antd-component="Input">
                </div>
                <div class="form-group">
                    <label data-antd-component="Typography.Text">*优先级</label>
                    <select data-antd-component="Select">
                        <option>高</option>
                    </select>
                </div>
                <div class="form-group">
                    <label data-antd-component="Typography.Text">计划时间</label>
                    <input type="date" value="2025-04-27" data-antd-component="DatePicker">
                    <span>—</span>
                    <input type="date" value="2025-05-07" data-antd-component="DatePicker">
                </div>
                <div class="form-group">
                    <label data-antd-component="Typography.Text">子任务卡</label>
                    <button data-antd-component="Button">+ 添加</button>
                </div>
                <div class="form-group">
                    <label data-antd-component="Typography.Text">#7161</label>
                    <p data-antd-component="Typography.Paragraph">【后端】自动化规则引擎执行架子搭建（0）</p>
                    <p data-antd-component="Typography.Paragraph">开发完成 04-18 22h 胡剑波</p>
                </div>
            </div>
        </div>
        <div class="button-group">
            <button class="cancel" data-antd-component="Button" data-antd-props='{"type":"default"}'>取消</button>
            <button class="submit" data-antd-component="Button" data-antd-props='{"type":"primary"}'>确定</button>
        </div>
    </div>
</body>
</html>
```